.banner-top-box {
    .banner-top {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-height: 100vh;
        bottom: 0;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .mouse-box {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2;
            p {
                font-size: 12px;
                color: #fff;
                margin: 0;
                padding: 0;
                margin-bottom: 10px;
            }

            .mouse {
                width: 20px;
                height: 30px;
                border: 2px solid #fff;
                border-radius: 10px;
                margin: 0 auto 1px;
                overflow: hidden;
                position: relative;

                &::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 50%;
                    margin-left: -1px;
                    width: 2px;
                    height: 6px;
                    background-color: #fff;
                    border-radius: 2px;
                    animation: scrollDown 2s infinite linear;
                }
            }

            i {
                display: block;
                width: 5px;
                height: 5px;
                border-right: 1px solid #fff;
                border-bottom: 1px solid #fff;
                margin: 0 auto;
                transform: rotate(45deg);
            }

            @keyframes scrollDown {
                0% {
                    opacity: 0;
                }

                50% {
                    opacity: 1;
                }

                100% {
                    transform: translate(0, 0.2rem);
                    opacity: 0;
                }
            }
        }
    }

    .banner-top-empty {
        height: 100vh;
        position: relative;
        z-index: 2;
    }
}

@media (max-width: 1200px) {
    .banner-top-box{
        display: none;
    }
}